<template>
	<div class="dashboard-editor-container">
		<el-alert title="多优多效期2.0版本已上线，有任何问题请联系:17712374173" type="warning" effect="dark" center />
		
		<h1 class="text-center">欢迎来到多优多管理系统</h1>
		<panel-group @handleSetLineChartData="handleSetLineChartData" />


	</div>
</template>
  
<script lang="ts" setup name="DashboardAdmin">
import PanelGroup from './components/PanelGroup.vue';

// const lineChartDatas = {
// 	newVisitis: {
// 		expectedData: [100, 120, 161, 134, 105, 160, 165],
// 		actualData: [120, 82, 91, 154, 162, 140, 145]
// 	},
// 	messages: {
// 		expectedData: [200, 192, 120, 144, 160, 130, 140],
// 		actualData: [180, 160, 151, 106, 145, 150, 130]
// 	},
// 	purchases: {
// 		expectedData: [80, 100, 121, 104, 105, 90, 100],
// 		actualData: [120, 90, 100, 138, 142, 130, 130]
// 	},
// 	shoppings: {
// 		expectedData: [130, 140, 141, 142, 145, 150, 160],
// 		actualData: [120, 82, 91, 154, 162, 140, 130]
// 	}
// };
// let lineChartData = lineChartDatas.newVisitis;
const handleSetLineChartData = (type:any) =>{
	// lineChartData = lineChartData[type];
};

</script>
  
<style lang="scss" scoped>
.dashboard-editor-container {
	padding: 32px;
	// background-color: rgb(240, 242, 245);
	position: relative;

	.github-corner {
		position: absolute;
		top: 0px;
		border: 0;
		right: 0;
	}

	.chart-wrapper {
		background: #fff;
		padding: 16px 16px 0;
		margin-bottom: 32px;
	}
}

@media (max-width:1024px) {
	.chart-wrapper {
		padding: 8px;
	}
}
</style>